export default {
    container: {
        width: 960,
        height: 1410,
        borderRadius: 12,
    },

    containerOther: {
        width           : 1344,
        height          : 1974,
    },

    header: {
        height: 120,
        width: 960,
        flexDirection: 'column',
        alignItems: 'center',
      	backgroundColor: '#ffffff',
        borderBottomWidth: 0.5,
        borderColor: 'rgba(0, 0, 0, 0.3)',
    },

    title: {
        width: 144,
        fontSize: 48,
        height: 120,
        lineHeight: 120,
        textAlign: 'center',
        fontWeight: 'bold',
        borderBottomWidth: 6,
        borderColor: '#000000',
    },

    rankList: {
        width: 960,
        height: 1000,
      	backgroundColor: '#ffffff',
    },

    rankOtherList:{
        width           : 1344,
        height          : 1236,
        borderRadius    : 30,
        borderWidth     : 2,
        borderColor     : '#e5e5e5',
    },

    ranklistDirected:{
        height          : 1498,
    },

    AD:{
        width          : 1338,
        height         : 609,
        borderRadius   : 30,
        backgroundColor: '#ededed',
    },

    ADtext:{
        color       : '#a5a5a5',
        fontSize    : 60,
        width       : 1338,
        height      : 609,
        lineHeight  : 609,
        textAlign   : 'center',
    },

    ADmask:{
        width           : 1338,
        height          : 60,
        marginTop       : -60,
        backgroundColor : '#ededed',
    },

    caption: {
        width           : 1338,
        height          : 176,
        display         : 'flex',
        flexDirection   : 'row',
        alignItems      : 'center',
        justifyContent  : 'space-between',
    },

    captionLeftText: {
        marginLeft  : 83,
        fontSize    : 53,
        height      : 176,
        lineHeight  : 176,
        color       : '#7f7f7f',
    },

    captionRight: {
        marginRight     : 98,
        width           : 207,
        height          : 176,
        display         : 'flex',
        flexDirection   : 'row',
        alignItems      : 'center',
        justifyContent  : 'space-between',
    },

    captionRightImg:  {
        width       : 64, 
        height      : 64,
        marginTop   : -8
    },

    captionRightText:  {
        height      : 176,
        lineHeight  : 176,
        fontSize    : 46,
        color       : '#576c94',
    },
    
    list: {
        width          : 960,
        height         : 950,
      	backgroundColor: '#ffffff',
        marginTop: 30,
    },
    
    listOther: {
        width          : 1338,
        height         : 1176,
    },

    listDirected: {
        height         : 698,
        marginTop      : 0,
    },

    listItem: {
        backgroundColor: '#F7F7F7',
        width: 960,
        height: 150,
        flexDirection: 'row',
        alignItems: 'center',
    },

    listItemOld: {
       backgroundColor: '#ffffff',
    },

    listItemOther: {
        position        : 'relative',
        width           : 1342,
        height          : 174,
        borderColor     : '#e5e5e5',
        borderWidth     : 2,
        marginLeft      : -2
    },

    listItemNum: {
        fontSize: 32,
        fontWeight: 'bold',
        color: '#452E27',
        lineHeight: 150,
        height: 150,
        textAlign: 'center',
        width: 120,
    },

    listHeadImg: {
        borderRadius: 6,
        width: 90,
        height: 90,
    },

    headImg: {
        borderRadius: 56,
        width       : 112,
        height      : 112,
        marginLeft  : 80
    },

    listItemScore: {
        fontSize: 48,
        fontWeight: 'bold',
        marginLeft : 10,
        height: 150,
        lineHeight: 150,
        width: 300,
        textAlign: 'right',
    },

    listItemStateGreen:{
        color: '#09f175',
    },

    listItemStateGray:{
        color: '#adadad',
    },

    listItemName:{
        fontSize: 36,
        height: 150,
        lineHeight: 150,
        width: 350,
        marginLeft: 30,
    },

    name: {
        fontSize  : 64,
        marginLeft: 64,
        lineHeight: 174,
    },

    listScoreUnit: {
        opacity: 0.5,
        color: '#000000',
        fontSize: 30,
        height: 150,
        lineHeight: 150,
        marginLeft: 8,
    },

    selfListItem: {
        borderRadius: 20,
        marginTop: 50,
        backgroundColor: '#ffffff',
    },

    itemButton: {
        position        : 'absolute',
        top             : 40,    
        right           : 80,
        width           : 246,
        height          : 96,
        borderRadius    : 5,
        backgroundColor : '#f2f2f2',
    },

    itemButtonText: {
        color       : '#06c15f',
        fontSize    : 40,
        width       : 246,
        height      : 96,
        lineHeight  : 96,
        textAlign   : 'center',
    },

  	listTips: {
      	width: 960,
        height: 90,
      	lineHeight: 90,
      	textAlign: 'center',
      	fontSize: 30,
      	color: 'rgba(0,0,0,0.5)',
      	backgroundColor: '#ffffff',
        borderRadius: 10,
        /*borderWidth: 1,
        borderColor: 'rgba(0, 0, 0, 0.3)',*/
    },

    handoffBtn: {
        width           : 790,
        height          : 120,
        marginLeft      : 85,
        alignItems      : 'center',
        backgroundColor : '#1aad19',
        borderRadius    : 10,
    },

    failHandoffBtn: {
        width           : 790,
        height          : 120,
        marginLeft      : 85,
        alignItems      : 'center',
        backgroundColor : '#e7e7e7',
        borderRadius    : 10,
    },

    handoffBtnText: {
        color           : '#ffffff',
        fontSize        : 42,
        lineHeight      : 130,
        textAlign       : 'center'
    },

    failHandoffBtnText: {
        color           : 'rgba(0, 0, 0, 0.18)',
        fontSize        : 42,
        lineHeight      : 130,
        textAlign       : 'center'
    },
    
}

